<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- TDK三大标签SEO优化 -->
		<title>品优购商城-综合网购首选-正品低价、品质保障、配送及时、轻松购物！</title>
		<meta name="description" content="介绍网站的内容" />
		<meta name="keywords" content="关键字,购物,商城,衣服" />
		<!-- 引入初始化样式 -->
		<link rel="stylesheet" href="./css/base.css">
		<!-- 引入公共样式 -->
		<link rel="stylesheet" href="./css/common.css">
		<!-- 引入页面独有的样式 -->
		<link rel="stylesheet" href="./css/index.css">
		<!-- 引入favicon图标 -->
		<link rel="shortcut icon" href="./favicon.ico" />
	</head>
	<body>
		<!-- 快捷导航模块 -->
		<section class="shortcut ">
			<div class="w">
				<div class="fl">
					<ul>
						<li>品优购欢迎您!&nbsp;</li>
						<li>
							<a href="">请登录&nbsp;</a>
							<a href="./refister.html" class="style-red">免费注册&nbsp;</a>
						</li>
					</ul>
				</div>
				<div class="fr">
					<ul>
						<li>我的订单</li>
						<li></li>
						<li class="arrow-icon">我的品优购</li>
						<li></li>
						<li>品优购会员</li>
						<li></li>
						<li>企业采购</li>
						<li></li>
						<li class="arrow-icon">关注品优购</li>
						<li></li>
						<li class="arrow-icon">客服服务</li>
						<li></li>
						<li class="arrow-icon">网站导航</li>
					</ul>
				</div>
		</section>
		<!-- header头部模块 -->
		<header class="header w">
			<!-- logo部分 -->
			<div class="logo">
				<h1>
					<a href="index.html" title="品优购商城">品优购商城</a>
				</h1>
			</div>
			<!-- 搜索部分 -->
			<div class="search">
				<input type="search" placeholder="语言开发" />
				<button>搜索</button>
			</div>
			<!-- 热词部分 -->
			<div class="hotwords">
				<ul>
					<li><a href="" class="style-red">优惠购首发</a></li>
					<li><a href="">亿元优惠</a></li>
					<li><a href="">9.9团购</a></li>
					<li><a href="">满99减30</a></li>
					<li><a href="">办公用品</a></li>
					<li><a href="">电脑</a></li>
					<li><a href="">通信</a></li>
				</ul>
			</div>
			<!-- 购物车部分 -->
			<div class="shopcar">
				我的购物车
				<i class="count">8</i>
			</div>
		</header>
		<!-- nav模块 -->
		<div class="nav">
			<div class="w">
				<div class="dropdown">
					<div class="dt">全部商品分类</div>
					<div class="dd">
						<ul>
							<li><a href="">家用电器</a></li>
							<li><a href="./list.html">手机、</a><a href="">数码、</a><a href="">通信</a></li>
							<li><a href="">电脑、</a><a href="">办公</a></li>
							<li><a href="">家居、</a><a href="">家具、</a><a href="">家装、</a><a href="">厨具</a></li>
							<li><a href="">男装、</a><a href="">女装、</a><a href="">童装、</a><a href="">内衣</a></li>
							<li><a href="">个人化妆、</a><a href="">清洁用品、</a><a href="">宠物</a></li>
							<li><a href="">鞋子、</a><a href="">箱包、</a><a href="">珠宝、</a><a href="">奢饰品</a></li>
							<li><a href="">运动户外、</a><a href="">钟表</a></li>
							<li><a href="">汽车、</a><a href="">汽车用品</a></li>
							<li><a href="">母婴、</a><a href="">玩具乐器</a></li>
							<li><a href="">食品、</a><a href="">酒类、</a><a href="">生鲜、</a><a href="">特产</a></li>
							<li><a href="">医药保健</a></li>
							<li><a href="">图书、</a><a href="">音像、</a><a href="">电子书</a></li>
							<li><a href="">彩票、</a><a href="">旅行、</a><a href="">充值、</a><a href="">票务</a></li>
							<li><a href="">理财、</a><a href="">众筹、</a><a href="">白条、</a><a href="">保险</a></li>
						</ul>
					</div>
				</div>
				<div class="navitems">
					<ul>
						<li><a href="">服装城</a></li>
						<li><a href="">美妆馆</a></li>
						<li><a href="">传智超市</a></li>
						<li><a href="">全球购</a></li>
						<li><a href="">闪购</a></li>
						<li><a href="">团购</a></li>
						<li><a href="">拍卖</a></li>
						<li><a href="">有趣</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 首页专栏模块 -->
		<div class="w">
			<div class="main">
				<!-- 焦点图模块 -->
				<div class="focus fl">
					<ul>
						<li>
							<img src="./img/upload/focus1.png" alt="">
						</li>
					</ul>
				</div>
				<!-- 新闻快报模块 -->
				<div class="newsflash fr">
					<div class="news">
						<div class="news-hd">
							<h5 class="fl">品优购快报</h5>
							<a href="" class="more fr">更多</a>
						</div>
						<div class="nwes-bd">
							<ul>
								<li><a href=""><strong>[特惠]</strong>备战开学季 全民半价购数码</a></li>
								<li><a href=""><strong>[公告]</strong>品优稳占家电网六成份额</a></li>
								<li><a href=""><strong>[特惠]</strong>百元中秋全品类礼券限量领</a></li>
								<li><a href=""><strong>[公告]</strong>上品优生鲜 襄阳澄湖大闸蟹</a></li>
								<li><a href=""><strong>[特惠]</strong>每日享折扣品优品质游</a></li>
							</ul>
						</div>
					</div>
					<div class="lifeservice">
						<ul>
							<li>
								<a href="">
									<i></i>
									<p>话费</p>
								</a>
							</li>
							<li>
								<a href="">
									<i></i>
									<p>机票</p>
								</a>
							</li>
							<li>
								<a href="">
									<i></i>
									<p>电影票</p>
								</a>
							</li>
							<li>
								<a href="">
									<i></i>
									<p>游戏</p>
								</a>
							</li>
							<li>
								<a href="">
									<i></i>
									<p>彩票</p>
								</a>
							</li>
							<li>
								<a href="">
									<i></i>
									<p>加油卡</p>
								</a>
							</li>
							<li>
								<a href="">
									<i></i>
									<p>酒店</p>
								</a>
							</li>
							<li>
								<a href="">
									<i></i>
									<p>火车票</p>
								</a>
							</li>
							<li>
								<a href="">
									<i></i>
									<p>众筹</p>
								</a>
							</li>
							<li>
								<a href="">
									<i></i>
									<p>理财</p>
								</a>
							</li>
							<li>
								<a href="">
									<i></i>
									<p>礼品卡</p>
								</a>
							</li>
							<li>
								<a href="">
									<i></i>
									<p>白条</p>
								</a>
							</li>
						</ul>
					</div>
					<div class="bargin">
						<img src="./img/upload/bargain.png" alt="">
					</div>
				</div>
			</div>
		</div>
		<!-- 推荐模块 -->
		<div class="recom w">
			<div class="recom-hd fl">
				<img src="./img/upload/recom-1.png" alt="">
			</div>
			<div class="recom-bd fl">
				<ul>
					<li><img src="./img/upload/recom-2.png" alt=""></li>
					<li><img src="./img/upload/recom-3.png" alt=""></li>
					<li><img src="./img/upload/recom-4.png" alt=""></li>
					<li><img src="./img/upload/recom-5.jpg" alt=""></li>
				</ul>
			</div>
		</div>
		<!-- 猜你喜欢模块 -->
		<div class="ulike w clearfix">
			<div class="ulike-hd">
				<h3 class="fl">猜你喜欢</h3>
				<span class="fr">
					<a href="">换一批</a>
					<img src="./img/images/ulike-logo.png" alt="">
				</span>
			</div>
			<div class="ulike-bd">
				<ul >
					<li>
						<a href="">
							<div>
							<img src="./img/upload/ulike-1.png" alt="">
							</div>
							<p>阳光美包新款单肩包女<br>包时尚子母包四件套女</p>
							<span>￥116</span>
						</a>
					</li>
					<li>
						<a href="">
							<div>
								<img src="./img/upload/ulike-2.png" alt="">
							</div>
							<p>阳光美包新款单肩包女<br>包时尚子母包四件套女</p>
							<span>￥116</span>
						</a>
					</li>
					<li>
						<a href="">
							<div >
								<img src="./img/upload/ulike-3.png" alt="">
							</div>
							<p>阳光美包新款单肩包女<br>包时尚子母包四件套女</p>
							<span>￥116</span>
						</a>
					</li>
					<li>
						<a href="">
							<div >
								<img src="./img/upload/ulike-4.png" alt="">
							</div>
							<p>阳光美包新款单肩包女<br>包时尚子母包四件套女</p>
							<span>￥116</span>
						</a>
					</li>
					<li>
						<a href="">
							<div >
								<img src="./img/upload/ulike-5.png" alt="">
							</div>
							<p>阳光美包新款单肩包女<br>包时尚子母包四件套女</p>
							<span>￥116</span>
						</a>
					</li>
					<li>
						<a href="">
							<div>
								<img src="./img/upload/ulike-6.png" alt="">
							</div>
							<p>阳光美包新款单肩包女<br>包时尚子母包四件套女</p>
							<span>￥116</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 传智播客有趣区 -->
		<div class="amusing w">
			<div class="amusing-hd">传智播客-有趣区</div>
			<div class="amusing-bd">
				<div class="wid_404 fl">
					<span>传智播客好书榜<br>畅销推荐至一折</span>
					<img src="./img/upload/amusing/amusing-1.png" >
				</div>
				<div class="wid_228 fl">
					<h4>好东西</h4>
					<a href=""><img src="./img/upload/amusing/amusing-2.png" alt=""></a>
					<a href=""><img src="./img/upload/amusing/amusing-3.png" alt=""></a>
				</div>
				<div class="wid_406 fl">
					<h4>品牌街</h4>
					<div class="fl">
						<a href=""><img src="./img/upload/amusing/amusing-4.png" alt=""></a>
					</div>
					<div class="fl special"><a href=""><img src="./img/upload/amusing/amusing-5.png" alt=""></a></div>
					<div class="fl"><a href=""><img src="./img/upload/amusing/amusing-6.png" alt=""></a></div>
				</div>
				<div class="wid_162 fl">
					<a href=""><img src="img/upload/amusing/amusing-7.png" alt=""></a>
				</div>
			</div>
		</div>
		<!-- 楼层区的制作 -->
		<div class="floor">
			<!-- 第一层楼 家用电器楼层 -->
			<div class="home-app w">
				<div class="home-app-hd">
					<h3 class="fl">家用电器</h3>
					<div class="tab-list fr"> 
						<ul>
							<li><a href="" class="style-red">热门</a></li>
							<li><a href="">大家电</a></li>
							<li><a href="">生活电器</a></li>
							<li><a href="">个护健康</a></li>
							<li><a href="">厨房电器</a></li>
							<li><a href="">应季电器</a></li>
							<li><a href="">空气/净水</a></li>
							<li><a href="">新奇特</a></li>
							<li><a href="">高端电器</a></li>
						</ul>
					</div>
				</div>
				<div class="home-app-bd">
					<div class="tab-content">
						<div class="tab-list-item">
							<div class="col_210">
								<ul>
									<li><a href="">节能补贴</a></li>
									<li><a href="">4K电视</a></li>
									<li><a href="">空气净化器</a></li>
									<li><a href="">IH电饭煲</a></li>
									<li><a href="">滚筒洗衣机</a></li>
									<li><a href="">电热水器</a></li>
								</ul>
								<a href=""><img src="./img/upload/floor-1-1.png" alt=""></a>
							</div>
							<div class="col_329">
								<a href=""><img src="./img/upload/floor-1-b01.png" alt=""></a>
							</div>
							<div class="col_221">
								<a href="" class="botm"><img src="./img/upload/floor-1-2.png" alt=""></a>
								<a href=""><img src="./img/upload/floor-1-3.png" alt=""></a>
							</div>
							<div class="col_221">
								<a href=""><img src="./img/upload/floor-1-4.png" alt=""></a>
							</div>
							<div class="col_219">
								<a href="" class="botm"><img src="./img/upload/floor-1-5.png" alt=""></a>
								<a href=""><img src="./img/upload/floor-1-6.png" alt=""></a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 第一层楼底 -->
			<div class="floor-bot w">
				<img src="./img/upload/bar1.png" alt="">
			</div>
			<!-- 第二层楼 手机通信楼层 -->
			<div class="callphone w">
				<div class="home-app-hd">
					<h3 class="fl">手机通信</h3>
					<div class="tab-list fr"> 
						<ul>
							<li><a href="" class="style-red">热门</a></li>
							<li><a href="">品质优选</a></li>
							<li><a href="">新机尝鲜</a></li>
							<li><a href="">高性价比</a></li>
							<li><a href="">口碑推荐</a></li>
							<li><a href="">合约机</a></li>
							<li><a href="">手机卡</a></li>
							<li><a href="">店铺精选</a></li>
							<li><a href="">手机配件</a></li>
						</ul>
					</div>
				</div>
				<div class="home-app-bd">
					<div class="tab-content">
						<div class="tab-list-item">
							<div class="col_210">
								<ul>
									<li><a href="">手机通讯</a></li>
									<li><a href="">依旧换新</a></li>
									<li><a href="">双卡双待</a></li>
									<li><a href="">自营配件</a></li>
									<li><a href="">金属机身</a></li>
									<li><a href="">高清屏</a></li>
								</ul>
								<a href=""><img src="./img/upload/floor-2/floor-2-1.png" alt=""></a>
							</div>
							<div class="col_329">
								<a href=""><img src="./img/upload/floor-2/floor-2-2.png" alt=""></a>
							</div>
							<div class="col_221">
								<a href="" class="botm"><img src="./img/upload/floor-2/floor-2-3.png" alt=""></a>
								<a href=""><img src="./img/upload/floor-2/floor-2-4.png" alt=""></a>
							</div>
							<div class="col_221">
								<a href=""><img src="./img/upload/floor-2/floor-2-5.png" alt=""></a>
							</div>
							<div class="col_219">
								<a href="" class="botm"><img src="./img/upload/floor-2/floor-2-6.png" alt=""></a>
								<a href=""><img src="./img/upload/floor-2/floor-2-7.png" alt=""></a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!-- 第二层楼底 -->
			<div class="floor-bot w">
				<img src="./img/upload/floor-2/bar2.png" alt="">
			</div>
		</div>
		<!-- 第三层楼 电脑办公楼层 -->
		<div class="com-works w">
			<div class="home-app-hd">
				<h3 class="fl">电脑办公</h3>
				<div class="tab-list fr"> 
					<ul>
						<li><a href="" class="style-red">热门</a></li>
						<li><a href="">电脑/平板</a></li>
						<li><a href="">潮流影音</a></li>
						<li><a href="">智能/外设</a></li>
						<li><a href="">DIY硬件</a></li>
						<li><a href="">电竞游戏</a></li>
						<li><a href="">办公/网络</a></li>
						<li><a href="">文具电教</a></li>
						<li><a href="">精选配件</a></li>
					</ul>
				</div>
			</div>
			<div class="home-app-bd">
				<div class="tab-content">
					<div class="tab-list-item">
						<div class="col_210">
							<ul>
								<li><a href="">SSD 硬盘</a></li>
								<li><a href="">显示器</a></li>
								<li><a href="">机械键盘</a></li>
								<li><a href="">台式机</a></li>
								<li><a href="">组装电脑</a></li>
								<li><a href="">配件专区</a></li>
							</ul>
							<a href=""><img src="img/upload/floor-3/floor-3-1.png" alt=""></a>
						</div>
						<div class="col_329">
							<a href=""><img src="img/upload/floor-3/floor-3-2.png" alt=""></a>
						</div>
						<div class="col_221">
							<a href="" class="botm"><img src="img/upload/floor-3/floor-3-3.png" alt=""></a>
							<a href=""><img src="img/upload/floor-3/floor-3-4.png" alt=""></a>
						</div>
						<div class="col_221">
							<a href=""><img src="img/upload/floor-3/floor-3-5.png" alt=""></a>
						</div>
						<div class="col_219">
							<a href="" class="botm"><img src="img/upload/floor-3/floor-3-6.png" alt=""></a>
							<a href=""><img src="img/upload/floor-3/floor-3-7.png" alt=""></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 第三层楼底 -->
			<div class="floor-bot w">
				<img src="./img/upload/floor-3/bar3.png" alt="">
			</div>
		</div>
		<!-- 热门疯抢模块 -->
		<div class="snap w">
			<div class="snap-hd">
				<h3 class="fl">热门疯抢</h3>
			</div>
			<div class="snap-bd">
				<img src="./img/upload/snap%20up/snap.png" alt="">
			</div>
		</div>
		<!-- 底部模块 -->
		<footer class="footer">
			<div class="w">
				<!-- 服务模块 -->
				<div class="mod-service">
					<ul>
						<li>
							<div class="fl"></div>
							<div class="service-txt">
								<h4>正品保障</h4>
								<p>正品保障,提供发票</p>
							</div>
						</li>
						<li>
							<div class="fl"></div>
							<div class="service-txt">
								<h4>急速物流</h4>
								<p>急速物流,急速送达</p>
							</div>
						</li>
						<li>
							<div class="fl"></div>
							<div class="service-txt">
								<h4>无忧售后</h4>
								<p>7天无理由退换货</p>
							</div>
						</li>
						<li>
							<div class="fl"></div>
							<div class="service-txt">
								<h4>特色服务</h4>
								<p>私人定制家电套餐</p>
							</div>
						</li>
						<li>
							<div class="fl"></div>
							<div class="service-txt">
								<h4>帮助中心</h4>
								<p>您的购物指南</p>
							</div>
						</li>
					</ul>
				</div>
				<!-- 帮助模块 -->
				<div class="mod-help">
					<dl>
						<dt>购物指南</dt>
						<dd><a href="">购物流程</a></dd>
						<dd><a href="">会员介绍</a></dd>
						<dd><a href="">生活旅行/团购</a></dd>
						<dd><a href="">常见问题</a></dd>
						<dd><a href="">大家电</a></dd>
						<dd><a href="">联系客服</a></dd>
					</dl>
					<dl>
						<dt>配送方式</dt>
						<dd><a href="">上门自提</a></dd>
						<dd><a href="">211限时达</a></dd>
						<dd><a href="">配送服务查询</a></dd>
						<dd><a href="">配送费收取标准</a></dd>
						<dd><a href="">海外配送</a></dd>
					</dl>
					<dl>
						<dt>支付方式</dt>
						<dd><a href="">货到付款</a></dd>
						<dd><a href="">在线支付</a></dd>
						<dd><a href="">分期付款</a></dd>
						<dd><a href="">邮局汇款</a></dd>
						<dd><a href="">公司转账</a></dd>
					</dl>
					<dl>
						<dt>售后服务</dt>
						<dd><a href="">售后政策</a></dd>
						<dd><a href="">价格保护</a></dd>
						<dd><a href="">退款说明</a></dd>
						<dd><a href="">返修/退换货</a></dd>
						<dd><a href="">取消订单</a></dd>
					</dl>
					<dl>
						<dt>特色服务</dt>
						<dd><a href="">夺宝岛</a></dd>
						<dd><a href="">DIY装机</a></dd>
						<dd><a href="">延保服务</a></dd>
						<dd><a href="">品优购E卡</a></dd>
						<dd><a href="">品优购通信</a></dd>
					</dl>
					<dl>
						<dt>帮助中心</dt>
						<dd>
							<img src="./img/images/wx_cz.jpg" alt="">
						</dd>
						<dd>品优购客户端</dd>
					</dl>
				</div>
				<!-- 版权模块 -->
				<div class="mod-copyright">
					<div class="links">
						<ul>
							<li><a href="">关于我们</a></li>
							<li></li>
							<li><a href="">联系我们</a></li>
							<li></li>
							<li><a href="">联系客服</a></li>
							<li></li>
							<li><a href="">商家入驻</a></li>
							<li></li>
							<li><a href="">营销中心</a></li>
							<li></li>
							<li><a href="">手机品优购</a></li>
							<li></li>
							<li><a href="">友情链接</a></li>
							<li></li>
							<li><a href="">销售联盟</a></li>
							<li></li>
							<li><a href="">品优购社区</a></li>
							<li></li>
							<li><a href="">品优购公益</a></li>
							<li></li>
							<li><a href="">English Site</a></li>
							<li></li>
							<li><a href="">Contact U</a></li>
						</ul>
					</div>
					<div class="copyright">
						<p>
							地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn<br />
							京ICP备08001421号京公网安备1
						</p>
					</div>
				</div>
			</div>
		</footer>
		</div>
	</body>
</html>
